<!DOCTYPE html>
<html id="replace-style" lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
	<title>预警定义</title>
</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header> 


<!-- 页面指向 -->
<div class="page-point bg-white">
	<ul>
		<li>设备管理</li>
		<li>设备预警管理</li>
		<li>预警定义</li>
	</ul>
</div>

<!-- 菜单树 -->
<div th:replace="common/left" > 
</div>




<!--主体内容-->
<div class="page-container">

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">查询条件</h2>
		</div>
	</div>

	<div class="container-fluid query-frame-wrap mb-10 clearfix time-set">
		<div class="col-lg-3">
			<div class="query-frame">
				<label>设备编号</label>
				<select class="queryEquipment eqCode" ></select>
			</div>
		</div>
		<div class="col-lg-3">
			<div class="query-frame">
				<label>设备名称</label>
				<input type="text" class="form-control eqName" />
			</div>
		</div>
		
		<div class="col-lg-3 col-lg-offset-3">
			<div class="query-frame query-button">
				<img class="search yes" th:src="@{/image/search.png}" src="image/search.png"/>
				<img class="reset" th:src="@{/image/rest.png}" src="image/rest.png"/>
			</div>
		</div>
	</div>

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12 rlt">
			<h2 class="page-section-title">预警定义列表</h2>
			<ul class="table-tool crud">
			     <li class="add" shiro:hasPermission="app.equipment.alarm.addOrUpdateDefinition.add.mvc">
			        <span class="icon-list_add" aria-hidden="true"></span>
			        <label>新增</label>
			    </li>
			    <li class="update" shiro:hasPermission="app.equipment.alarm.addOrUpdateDefinition.add.mvc">
			        <span class="icon-list_xiugai" aria-hidden="true"></span>
			        <label>修改</label>
			    </li>
			    <li class="delete" shiro:hasPermission="app.equipment.alarm.delDefinition.del.mvc">
			        <span class="icon-list_shanchu" aria-hidden="true"></span>
			        <label>删除</label>
			    </li>
			    <li class="refresh">
			        <span class="icon-list_shuaxin" aria-hidden="true"></span>
			        <label>刷新</label>
			    </li>
			</ul>
		</div>
	</div>

	<div class="container-fluid table-container table-box">
		<table id="dataTable" class="dataTable">

		</table>
	</div>
</div>
<!-- 公共底部 -->
<div th:replace="common/foot" > 
</div>


<!--  弹窗-->
<form  method="post" role="form" class="form form-horizontal addForm" action="">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title title">新增</h4>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col-lg-12">

							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-4">设备型号</label>
								<div class="col-lg-7">
									<select name="modelCode" class="modelCode form-control">
										<option value="">请选择</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-4">设备编号</label>
								<div class="col-lg-7">
									<select name="equipCode" class="eqCode form-control">
										<option value="">请选择</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-4">设备名称</label>
								<div class="col-lg-7">
									<input  type="text" name="eqName" class="eqName form-control" disabled="true" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-6">预警参数名称</label>
								<div class="col-lg-7">
									<select name="paramId" class="paramName form-control">
										<option value="">请选择</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-6">预警参数单位</label>
								<div class="col-lg-7">
									<input type="text" name="paramUnit" class="paramUnit form-control" disabled="true"/>
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-6">参数标准数据</label>
								<div class="col-lg-7">
									<input type="text" name="standardValue" class="paramStandard form-control" />
								</div>
							</div>
							
							<!-- <div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-6">预警参数范围</label>
								<div class="col-lg-7">
									<input class="form-control" type="text" name="code" id="" value="" />
								</div>
							</div> -->
							<!-- <div style="position: relative;">
						
							<div class="errorDiv" style="
							    position: absolute;
							    width: 200px;
							    top: 30px;
							    left: 160px;
							    color: red;
							    display:none
							">提示信息</div>
							
							<span><i>*</i>预警参数范围</span>
							<div class="range form-group">
								小于
								<input type="text" name="maximaValue" class="maximaValue" value="" />
							</div>
							<div class="range form-group">
								大于
								<input type="text" name="minimaValue" class="minimaValue" value="" />
							</div>
						</div> -->
						
						<!--预警参数范围-->
		                <div class="form-group form-group-exception">
		                    <label class="col-lg-3 control-label form-required form-required-6">预警参数范围</label>
		                    <div class="col-lg-7">
		                    	<span>大于</span>
		                    	<input class="form-control minimaValue" type="text" name="minimaValue"  value="" />
		                    	<span>小于</span>
		                    	<input class="form-control maximaValue" type="text" name="maximaValue"  value="" />
		                    </div>
		                    <div class="col-lg-12">
		                    	<div class="warning-tips errorDiv" style="display:none">提示……</div>
		                    </div>
		                </div>
		                <!--预警参数范围-->
							
							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-6">预警提示名称</label>
								<div class="col-lg-7">
									<input type="text" name="promptName" class="promptName form-control" />
								</div>
							</div>
							
							<!-- 隐藏唯一id -->

							<input type="hidden" name="pkId" class="pkId" value="" />

					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" id="btn_submit" class="btn btn-default sure yes" data-dismiss="modal">保存</button>
				<button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
			</div>
		</div>
	</div>
</div>
</form>


<script th:src="@{/js/equipment/alarm/index.js}"></script>


</body>
</html>